<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>自动跳转首页</title>
		<style>
			p{
				text-align: center;
			}
			span{
				color: red;
			}
		</style>
		
	</head>
	<body>
		<p>
			<span id="time">5</span>秒之后自动跳转到首页
		</p>
		
		
		<script>
			/*
			分析：
				1.显示页面效果<p>
				2.倒计时读秒效果实现
					2.1定义一个方法，获取span标签，修改span标签内容。time--
					2.2定义一个计时器，1秒执行一次该方法
				3.在方法中判断时间如果<=0，则跳转到首页
			 */
			//倒计时读秒效果实现
			var second = 5;
			function showtime(){
				second--;
				//在方法中判断时间如果<=0，则跳转到首页
				if(second<=0){
					//跳转到百度
					location.href="http://www.baidu.com";
				}
				var time = document.getElementById("time");
				time.innerHTML = second + "";
			}
			//设置定时器，1秒执行一次该方法
			setInterval(showtime,1000);
		</script>
	</body>
</html>
